<!DOCTYPE html>


<html lang="zh-CN">


<head>
  <meta charset="utf-8" />
    
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>
    管理 Kafka |  
  </title>
  <meta name="generator" content="hexo-theme-ayer">
  
  <link rel="shortcut icon" href="/assets/img/favicon.ico" />
  
  <link rel="stylesheet" href="/dist/main.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Shen-Yu/cdn/css/remixicon.min.css">
  <link rel="stylesheet" href="/css/custom.css">
  
  

  
<script>
var _hmt = _hmt || [];
(function() {
	var hm = document.createElement("script");
	hm.src = "https://hm.baidu.com/hm.js?e6614c2d092d0bce54a2543d8cf949fa";
	var s = document.getElementsByTagName("script")[0]; 
	s.parentNode.insertBefore(hm, s);
})();
</script>


<link rel="alternate" href="/atom.xml" title="null" type="application/atom+xml">
</head>

</html>

<body>
  <div id="app">
    
      
    <main class="content on">
      <section class="outer">
  <article
  id="post-管理-Kafka"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h1 class="article-title sea-center" style="border-left:0" itemprop="name">
  管理 Kafka
</h1>
 

    </header>
     
    <div class="article-meta">
      <a href="/2018/07/25/管理-Kafka/" class="article-date">
  <time datetime="2018-07-25T03:31:12.000Z" itemprop="datePublished">2018-07-25</time>
</a> 
  <div class="article-category">
    <a class="article-category-link" href="/categories/技术/">技术</a>
  </div>
  
<div class="word_count">
    <span class="post-time">
        <span class="post-meta-item-icon">
            <i class="ri-quill-pen-line"></i>
            <span class="post-meta-item-text"> 字数统计:</span>
            <span class="post-count">3.2k</span>
        </span>
    </span>

    <span class="post-time">
        &nbsp; | &nbsp;
        <span class="post-meta-item-icon">
            <i class="ri-book-open-line"></i>
            <span class="post-meta-item-text"> 阅读时长≈</span>
            <span class="post-count">12 分钟</span>
        </span>
    </span>
</div>
 
    </div>
      
    <div class="tocbot"></div>




  
    <div class="article-entry" itemprop="articleBody">
       
  <p>Kafka 提供了一些用于管理集群变更的命令行工具，这些工具由 Java 实现，Kafka 提供一些脚本来调用这些 Java 类。这些工具只提供一些基本的功能，无法完成复杂操作。Kafka 社区有很多高级工具，如 Kafka Manager。</p>
<a id="more"></a>
<h2 id="一、主题操作"><a href="#一、主题操作" class="headerlink" title="一、主题操作"></a>一、主题操作</h2><p>使用 kafka-topics.sh 可以执行主题的大部分操作，如创建、修改、删除和查看集群内的主题（配置变更部分已经移动到 kafka-configs.sh 中），使用时需要通过 –zookeeper 参数提供 ZooKeeper 地址，如 zoo1.example.com:2181/kafka。</p>
<h3 id="1-创建主题"><a href="#1-创建主题" class="headerlink" title="1.创建主题"></a>1.创建主题</h3><p>在集群内创建主题，需要指定主题名、复制系数和分区数 3 个必要参数，主题名建议不适用英文句号及下划线（会用于度量指标），格式为 <code>kafka-topics.sh --zookeeper &lt;zookeeper connect&gt; --create --topic &lt;topic name&gt; --replication-factor &lt;integer&gt; --partitions &lt;integer&gt;</code> 。</p>
<p>如果不需要基于机架信息的分配分区，可以指定参数 <code>--disable-rack-aware</code> 。添加 <code>--if-not-exists</code> 参数可以仅在主题不存在时创建主题。</p>
<h3 id="2-增加分区"><a href="#2-增加分区" class="headerlink" title="2.增加分区"></a>2.增加分区</h3><p>主题基于分区进行伸缩和复制，当需要扩展主题容量或降低单个分区吞吐量时可以增加分区，如果消费者群组内需要增加消费者，主题的分区数也需要增加至大于组内消费者数。</p>
<p>对于基于键来划分消息分区的主题，改变分区数会导致键和分区的映射关系发生变化，对于这种主题，最好在一开始就确定好分区数，尽量不要调整。</p>
<p>调整主题分区数的命令格式为 <code>kafka-topics.sh --zookeeper &lt;zookeeper connect&gt; --alter --topic &lt;topic name&gt; --partitions &lt;integer&gt;</code> ，<code>--if-exists</code> 参数可以在主题不存在时忽略错误。</p>
<p>通常情况下无法减少主题的分区数，如果删除了分区，分区内的数据也会被删除，导致数据不一致。如果一定要减少分区数，只能删除整个主题，然后重新创建。</p>
<h3 id="3-删除主题"><a href="#3-删除主题" class="headerlink" title="3.删除主题"></a>3.删除主题</h3><p>如果一个主题不再使用，可以删除主题从而减少磁盘占用、释放资源。要删除主题，broker 的 delete.topic.enable 参数必须为 true，否则删除请求会被忽略。</p>
<p>删除命令的格式为 <code>kafka-topics.sh --zookeeper &lt;zookeeper connect&gt; --delete --topic &lt;topic name&gt;</code> 。</p>
<h3 id="4-列出集群内主题"><a href="#4-列出集群内主题" class="headerlink" title="4.列出集群内主题"></a>4.列出集群内主题</h3><p><code>kafka-topics.sh --zookeeper &lt;zookeeper connect&gt; --list</code> 用于列出集群内的所有主题，将 <code>--list</code> 参数改为 <code>--describe</code> 参数会列出包含分区数等信息的主题。指定 <code>--topic &lt;topic name&gt;</code> 可以用于主题过滤。</p>
<p>如果要找出所有包含覆盖配置的主题可以添加 <code>--topics-with-overrides</code> 参数，<code>under-replicated-partitions</code> 参数用于列出包含不同步副本的分区，<code>--unavailable-partition</code> 参数可以列出所有没有首领的分区。注意这些参数都不能和 <code>--topic</code> 参数一起使用。</p>
<h2 id="二、消费者群组操作"><a href="#二、消费者群组操作" class="headerlink" title="二、消费者群组操作"></a>二、消费者群组操作</h2><p>Kafka 提供 kafka-consumer-groups.sh 工具来列出消费者群组信息，对于旧版的 Kafka 还可以删除消费者群组和管理偏移量。新版 Kafka 的消费者群组信息保存在 broker 中，使用命令行工具时需要指定 –bootstrap-server；旧版 Kafka 的消费者群组信息保存在 ZooKeeper 中，使用时需指定 –zookeeper。</p>
<h3 id="1-列出并描述群组"><a href="#1-列出并描述群组" class="headerlink" title="1.列出并描述群组"></a>1.列出并描述群组</h3><p>通过命令 <code>kafka-consumer-groups.sh --bootstrap-server &lt;server connect&gt; --list</code> 可以列出所有的消费者群组，将 <code>--list</code> 改为 <code>--describe</code> ，并通过 <code>--group &lt;group name&gt;</code> 参数指定特定的群组，可以获得该群组更详细的信息。</p>
<h3 id="2-删除群组"><a href="#2-删除群组" class="headerlink" title="2.删除群组"></a>2.删除群组</h3><p>旧版本的 Kafka 支持使用命令行工具删除群组，也支持在不删除群组的情况下删除单个主题的偏移量。注意，删除群组或偏移量前必须关闭组内所有消费者，否则可能会导致消费者不可预测的行为。</p>
<p>删除群组的命令格式为 <code>kafka-consumer-groups.sh --zookeeper &lt;zookeeper connect&gt; --delete --group &lt;group name&gt;</code> 。删除主题偏移量的命令格式为 <code>kafka-consumer-groups.sh --zookeeper &lt;zookeeper connect&gt; --delete --group &lt;group name&gt; --topic &lt;topic name&gt;</code> 。</p>
<h3 id="3-管理偏移量"><a href="#3-管理偏移量" class="headerlink" title="3.管理偏移量"></a>3.管理偏移量</h3><p>旧版本的 Kafka 将偏移量保存在 ZooKeeper 的 /consumers 路径下，通过命令 <code>kafka-run-class.sh kafka.tools.ExportZkOffsets --zkconnect &lt;zk connect&gt; --group &lt;group name&gt; --output-file &lt;file name&gt;</code> 可以导出偏移量到文件，而通过命令 <code>kafka-run-class.sh kafka.tools.ImportZkOffsets --zkconnect &lt;zk connect&gt; --group &lt;group name&gt; --input-file &lt;file name&gt;</code> 可以将偏移量导入。</p>
<p>注意导入时必须关闭所有消费者，否则有可能将导入的偏移量覆盖掉。</p>
<p>新版本的 Kafka 将偏移量保存在一个内部主题 __consumer_offsets 中，目前没有工具管理客户端提交到 Kafka 的偏移量，只能通过客户端使用相应 API 提交群组偏移量。</p>
<h2 id="三、动态配置变更"><a href="#三、动态配置变更" class="headerlink" title="三、动态配置变更"></a>三、动态配置变更</h2><p>在集群处于运行状态时，可以通过 kafka-configs.sh 来覆盖主题及客户端的配置参数，一旦设置完毕，就会成为集群的永久配置，保存在 ZooKeeper 中，broker 会读取它们。</p>
<h3 id="1-覆盖主题的默认配置"><a href="#1-覆盖主题的默认配置" class="headerlink" title="1.覆盖主题的默认配置"></a>1.覆盖主题的默认配置</h3><p>为了满足不同的使用场景，主题可以进行单独的配置，配置在没有被覆盖的情况下使用 broker 的默认配置。更改主题配置的命令格式为 <code>kafka-configs.sh --zookeeper &lt;zk connect&gt; --alter --entity-type topics --entity-name &lt;topic name&gt; --add-config &lt;key&gt;=&lt;value&gt;[,&lt;key&gt;=&lt;value&gt;...]</code> 。</p>
<h3 id="2-覆盖客户端的默认配置"><a href="#2-覆盖客户端的默认配置" class="headerlink" title="2.覆盖客户端的默认配置"></a>2.覆盖客户端的默认配置</h3><p>对于 Kafka 客户端，只能覆盖生产者和消费者的配额，即每秒在单个 broker 上的生产速率和消费速率，如有 2 个 broker，配额为 10 MB/s，则生成数据的总速率为 20 MB/s。</p>
<p>修改客户端配置的命令格式为 <code>kafka-configs.sh --zookeeper &lt;zk connect&gt; --alter --entity-type clients --entity-name &lt;client-id&gt; --add-config &lt;key&gt;=&lt;value&gt;[,&lt;key&gt;=&lt;value&gt;...]</code> 。可选参数有 producer_byte_rate 和 consumer_byte_rate。</p>
<h3 id="3-列出被覆盖的配置"><a href="#3-列出被覆盖的配置" class="headerlink" title="3.列出被覆盖的配置"></a>3.列出被覆盖的配置</h3><p>此功能通过 –describe 来实现，格式为 <code>kafka-configs.sh --zookeeper &lt;zk connect&gt; --describe --entity-type topics --entity-name &lt;topic name&gt;</code> 。该命令只能显示被覆盖的配置，包含 broker 的默认配置。</p>
<h3 id="4-移除被覆盖的配置"><a href="#4-移除被覆盖的配置" class="headerlink" title="4.移除被覆盖的配置"></a>4.移除被覆盖的配置</h3><p>动态配置可以被移除，恢复到集群的默认配置，命令格式为 <code>kafka-configs.sh --zookeeper &lt;zk connect&gt; --alter --entity-type topics --entity-name &lt;topic name&gt; --delete-config &lt;config key&gt;</code> 。</p>
<h2 id="四、分区管理"><a href="#四、分区管理" class="headerlink" title="四、分区管理"></a>四、分区管理</h2><p>Kafka 提供了两个用于管理分区的工具，一个用于重新选举首领，另一个用于将分区分配给 broker。</p>
<h3 id="1-首领选举"><a href="#1-首领选举" class="headerlink" title="1.首领选举"></a>1.首领选举</h3><p>broker 有一个配置 auto.leader.rebalance.enable 用于启用自动首领再均衡，即如果当前首领不是首选首领会自动触发再均衡，不过不建议在生产环境使用此功能，在大型集群中可能带来严重的性能问题。</p>
<p>Kafka 提供命令行工具来手动触发副本选举，命令格式为 <code>kafka-perferred-replica-election.sh --zookeeper &lt;zk connect&gt;</code> 。</p>
<p>进行选举时，集群元数据需要写入 ZooKeeper，如果元数据超过节点允许的大小（默认 1 MB）就会选举失败。这种情况需要将分区清单的信息写到一个 JSON 文件中，通过参数 <code>--path-to-json &lt;json file&gt;</code> 分多个步骤进行。JSON 文件的格式为：</p>
<figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">"partitions"</span>: [</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">"partition"</span>: <span class="number">1</span>,</span><br><span class="line">            <span class="attr">"topic"</span>: <span class="string">"t1"</span></span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">"partition"</span>: <span class="number">2</span>,</span><br><span class="line">            <span class="attr">"topic"</span>: <span class="string">"t2"</span></span><br><span class="line">        &#125;</span><br><span class="line">    ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<h3 id="2-修改分区副本"><a href="#2-修改分区副本" class="headerlink" title="2.修改分区副本"></a>2.修改分区副本</h3><p>主题的分区在集群内分配不均衡时会造成负载的不均衡，Kafka 提供了 kafka-reassign-partitions.sh 工具来修改分区分布。首先需要根据 broker 清单和主题清单生成一组迁移步骤，然后执行迁移步骤，最后（可选）使用生成的迁移步骤验证分区重新分配的进度和完成情况。</p>
<p>为了生成迁移步骤，首先需要创建一个包含了主题清单的 JSON 文件，格式如下：</p>
<figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">"topics"</span>: [</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">"topic"</span>: <span class="string">"t1"</span></span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">"topic"</span>: <span class="string">"t2"</span></span><br><span class="line">        &#125;</span><br><span class="line">    ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<p>使用命令 <code>kafka-reassign-partitions.sh --zookeeper &lt;zk connect&gt; --generate --topics-to-move-json-file &lt;json file&gt; --broker-list &lt;brokers&gt;</code> 会得到两个 JSON，其中 brokers 为使用英文逗号分隔的 broker id。第一个为当前分配情况，可以用于回滚；第二个为分配步骤。</p>
<p>使用命令 <code>kafka-reassign-partitions.sh --zookeeper &lt;zk connect&gt; --execute --reassignment-json-file &lt;josn file&gt;</code> 来执行第二个步骤。  </p>
<p>重分配完成后可以使用命令 <code>kafka-reassign-partitions.sh --zookeeper &lt;zk connect&gt; --verify --reassignment-json-file &lt;json file&gt;</code> 来验证重分配情况。</p>
<h3 id="3-修改复制系数"><a href="#3-修改复制系数" class="headerlink" title="3. 修改复制系数"></a>3. 修改复制系数</h3><p>分区重分配工具提供了修改分区复制系数的功能，不过没有在文档中说明。如果在创建分区时指定了错误的复制系数，可以通过创建一个 JSON 对象并通过分区重分配工具完成对复制系数的修改。JSON 的格式如下：</p>
<figure class="highlight json"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">"partitions"</span>: [</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">"partition"</span>: <span class="number">0</span>,</span><br><span class="line">            <span class="attr">"replicas"</span>: [</span><br><span class="line">                <span class="number">1</span>,</span><br><span class="line">                <span class="number">2</span></span><br><span class="line">            ],</span><br><span class="line">            <span class="attr">"topic"</span>: <span class="string">"t1"</span></span><br><span class="line">        &#125;,</span><br><span class="line">        <span class="string">"version"</span>: <span class="number">1</span></span><br><span class="line">    ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
<h3 id="4-查看日志片段"><a href="#4-查看日志片段" class="headerlink" title="4.查看日志片段"></a>4.查看日志片段</h3><p>通过命令 <code>kafka-run-class.sh kafka.tools.DumpLogSegments --file &lt;file&gt;</code> 可以在不读取消息的情况下查看消息内容，接收以逗号分隔的日志片段文件清单为参数，打印出每个消息的概要信息及数据内容。</p>
<p>这个工具也会检查日志片段的索引文件，–index-sanity-check 将会检查无用的索引，–verify-index-only 将会只检查索引匹配而不打印出全部索引。</p>
<h3 id="5-副本验证"><a href="#5-副本验证" class="headerlink" title="5.副本验证"></a>5.副本验证</h3><p>kafka-replica-verification.sh 工具用于验证集群副本分区一致性，从指定分区的副本上获取消息并检查所有副本是否具有相同的消息，使用时需使用正则表达式传入要验证的主题，否则会检查所有的主题，另外需要显示地提供 broker 清单，格式为 <code>kafka-replica-verification.sh --broker-list &lt;broker list&gt; --topic-white-list &lt;regexp&gt;</code> 。</p>
<h2 id="五、控制台生产者和消费者"><a href="#五、控制台生产者和消费者" class="headerlink" title="五、控制台生产者和消费者"></a>五、控制台生产者和消费者</h2><p>有时为了验证应用程序，可以使用命令行工具 kafka-console-producer.sh 和 kafka-console-consumer.sh 手动生成和读取消息，不过不应该在生产环境采用此种方式，控制台生产者和消费者无法使用客户端的所有特性，本篇文章不对这部分做详细介绍。</p>
<h2 id="六、不安全操作"><a href="#六、不安全操作" class="headerlink" title="六、不安全操作"></a>六、不安全操作</h2><p>有些操作在技术上是可行的，但涉及 ZooKeeper 上的元数据，有可能给应用程序带来风险，除非情况紧急，否则不应该使用。</p>
<h3 id="1-移动集群控制器"><a href="#1-移动集群控制器" class="headerlink" title="1.移动集群控制器"></a>1.移动集群控制器</h3><p>有时需要将控制器从一个 broker 移到另一个 broker 上，如当前控制器网络波动大无法提供正常服务。手动删除 /controller 节点会释放当前控制器，集群会进行新的控制器选举。</p>
<h3 id="2-取消分区重分配"><a href="#2-取消分区重分配" class="headerlink" title="2.取消分区重分配"></a>2.取消分区重分配</h3><p>分区重分配是并行进行的，一般情况下没理由取消任务，不过如果在重分配进行一半时，broker 发生故障且无法重启，就会导致重分配无法结束，这是可以让集群忽略这个任务，即从 ZooKeeper 中删除 /admin/reassign_partitions 节点并重新选举控制器（删除 /controller 节点）。</p>
<p>注意，取消重分配时，旧的 broker 不会在副本清单中删除，导致部分分区的复制系数比正常的大。如果主题的分区包含不同的复制系数，broker 会禁止对其操作（如增加分区），所以需要在取消任务后检查分区可用性，确保复制系数正确。</p>
<h3 id="3-移除待删除的主题"><a href="#3-移除待删除的主题" class="headerlink" title="3.移除待删除的主题"></a>3.移除待删除的主题</h3><p>使用命令行删除主题，会在 ZooKeeper 上创建一个节点作为删除主题的请求，正常会立即执行这个请求，但如果集群没有开启删除主题的功能，请求会被挂起。删除 /admin/delete_topic 节点下创建的以删除主题名字命名的子节点即可移除被挂起的请求。</p>
<h3 id="4-手动删除主题"><a href="#4-手动删除主题" class="headerlink" title="4.手动删除主题"></a>4.手动删除主题</h3><p>如果集群禁用了删除主题的功能，或者需要通过非正式的途径删除主题，可以进行手动删除。</p>
<p>手动删除前，首先需要关闭集群内所有的 broker，否则会造成集群不稳定。然后删除 /brokers/topics/TOPICNAME 路径（先删除其子节点）。接着删除每个 broker 的分区目录（log-dirs），名称为 <code>&lt;topic name&gt;-&lt;partition id&gt;</code>。最后重启所有 broker。</p>
<h2 id="七、参考"><a href="#七、参考" class="headerlink" title="七、参考"></a>七、参考</h2><p><a href="http://kafka.apache.org/documentation/" target="_blank" rel="noopener">Kafka 官方文档</a></p>
<p><a href="http://shop.oreilly.com/product/0636920044123.do" target="_blank" rel="noopener">Kafka 权威指南</a></p>
 
      <!-- reward -->
      
      <div id="reword-out">
        <div id="reward-btn">
          打赏
        </div>
      </div>
      
    </div>
    

    <!-- copyright -->
    
    <div class="declare">
      <ul class="post-copyright">
        <li>
          <i class="ri-copyright-line"></i>
          <strong>版权声明： </strong>
          
          本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！
          
        </li>
      </ul>
    </div>
    
    <footer class="article-footer">
       
<div class="share-btn">
      <span class="share-sns share-outer">
        <i class="ri-share-forward-line"></i>
        分享
      </span>
      <div class="share-wrap">
        <i class="arrow"></i>
        <div class="share-icons">
          
          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
            <i class="ri-weibo-fill"></i>
          </a>
          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
            <i class="ri-wechat-fill"></i>
          </a>
          <a class="qq share-sns" href="javascript:;" data-type="qq">
            <i class="ri-qq-fill"></i>
          </a>
          <a class="douban share-sns" href="javascript:;" data-type="douban">
            <i class="ri-douban-line"></i>
          </a>
          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
            <i class="icon icon-qzone"></i>
          </a> -->
          
          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
            <i class="ri-facebook-circle-fill"></i>
          </a>
          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
            <i class="ri-twitter-fill"></i>
          </a>
          <a class="google share-sns" href="javascript:;" data-type="google">
            <i class="ri-google-fill"></i>
          </a>
        </div>
      </div>
</div>

<div class="wx-share-modal">
    <a class="modal-close" href="javascript:;"><i class="ri-close-circle-line"></i></a>
    <p>扫一扫，分享到微信</p>
    <div class="wx-qrcode">
      <img src="//api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://blog.ulyssesss.com/2018/07/25/管理-Kafka/" alt="微信分享二维码">
    </div>
</div>

<div id="share-mask"></div>  
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Kafka/">Kafka</a></li></ul>

    </footer>
  </div>

   
  <nav class="article-nav">
    
      <a href="/2018/08/24/设计模式中的基本原则/" class="article-nav-link">
        <strong class="article-nav-caption">上一篇</strong>
        <div class="article-nav-title">
          
            设计模式中的基本原则
          
        </div>
      </a>
    
    
      <a href="/2018/07/24/Kafka-可靠的数据传递/" class="article-nav-link">
        <strong class="article-nav-caption">下一篇</strong>
        <div class="article-nav-title">Kafka 可靠的数据传递</div>
      </a>
    
  </nav>

   
 
   
     
</article>

</section>
      <footer class="footer">
  <div class="outer">
    <ul>
      <li>
        Copyrights &copy;
        2016-2021
        <i class="ri-heart-fill heart_icon"></i> 大雪碧
      </li>
    </ul>
    <ul>
      <li>
        
      </li>
    </ul>
    <ul>
      <li>
        
      </li>
    </ul>
    <ul>
      
    </ul>
    <ul>
      
    </ul>
    <ul>
      <li>
        <!-- cnzz统计 -->
        
      </li>
    </ul>
  </div>
</footer>
      <div class="float_btns">
        <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>

<div class="todark" id="todark">
  <i class="ri-moon-line"></i>
</div>

      </div>
    </main>
    <aside class="sidebar on">
      <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="/assets/img/head.svg" alt=""></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/">主页</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories">分类</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags">标签</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
    </aside>
    <script>
      if (window.matchMedia("(max-width: 768px)").matches) {
        document.querySelector('.content').classList.remove('on');
        document.querySelector('.sidebar').classList.remove('on');
      }
    </script>
    <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>谢谢老板</p>
  <div class="reward-box">
    
    <div class="reward-item">
      <img class="reward-img" src="/assets/img/alipay.jpg">
      <span class="reward-type">支付宝</span>
    </div>
    
    
    <div class="reward-item">
      <img class="reward-img" src="/assets/img/wechat.jpg">
      <span class="reward-type">微信</span>
    </div>
    
  </div>
</div>
    <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/lazyload.min.js"></script>
<!-- Tocbot -->

<script src="/js/tocbot.min.js"></script>
<script>
  tocbot.init({
    tocSelector: '.tocbot',
    contentSelector: '.article-entry',
    headingSelector: 'h1, h2, h3, h4, h5, h6',
    hasInnerContainers: true,
    scrollSmooth: true,
    scrollContainer: 'main',
    positionFixedSelector: '.tocbot',
    positionFixedClass: 'is-position-fixed',
    fixedSidebarOffset: 'auto'
  });
</script>

<script src="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-modal@0.9.2/jquery.modal.min.css">
<script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js"></script>
<script src="/dist/main.js"></script>
<!-- ImageViewer -->

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/default-skin/default-skin.min.css">
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script>

<!-- MathJax -->

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
      tex2jax: {
          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
          processEscapes: true,
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
      }
  });

  MathJax.Hub.Queue(function() {
      var all = MathJax.Hub.getAllJax(), i;
      for(i=0; i < all.length; i += 1) {
          all[i].SourceElement().parentNode.className += ' has-jax';
      }
  });
</script>

<script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.6/unpacked/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script>
  var ayerConfig = {
    mathjax: true
  }
</script>

<!-- Katex -->

<!-- busuanzi  -->

<!-- ClickLove -->

<!-- ClickBoom1 -->

<!-- ClickBoom2 -->

<!-- CodeCopy -->

<link rel="stylesheet" href="/css/clipboard.css">
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-checkbox-circle-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-checkbox-circle-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-time-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-time-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>


<!-- CanvasBackground -->


    
  </div>
</body>

</html>